// 通用样式 

body {
    box-sizing: border-box;
    min-width: @min-width;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

ul {
    list-style: none
}

.flex {
    display: flex;
    flex-wrap: nowrap;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    &:after {
        content: " ";
        visibility: hidden;
        display: block;
        font-size: 0;
        clear: both;
        height: 0;
    }
}


/* 动画 */
.fade-enter-active {
    transition: all .3s ease;
}
.fade-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.fade-enter, .fade-leave-to{
    transform: translateY(-10px);
}


/* 重置iview input */
.ivu-input {
   padding: 10px !important;
}
.ivu-input-large,.ivu-btn-large{
    height: 40px !important;
}

/* 重置iview layout */
.ivu-layout{
    background: transparent;
}
.ivu-layout-header{
    background: #fff;
    height: @header-height;
}
.ivu-layout-footer{
    padding: 0;
    background: transparent;
}

.ivu-table-wrapper{
    border: none;
    .ivu-table{
        &:after{
            display: none;
        }
    }
    .ivu-table-header{
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid @color-Border;
    }
    .ivu-table-row{
        height: 60px;
        // line-height: 60px;
    }
}

.ivu-modal-mask{
    z-index: 1200;
}
.ivu-modal-wrap{
    z-index: 1201;
}

.h-line{
    width: 100%;
    height: 1px;
    &::after{
        content: '';
        display: block;
        width: inherit;
        height: inherit;
        background: @color-Border;
    }
}
.v-line{
    width: 1px;
    height: 100%;
    &::after{
        content: '';
        display: block;
        width: inherit;
        height: inherit;
        background: @color-Border;
    }
}

/* 回到顶部 */
.back-scroll-top{
    .back-top-btn{
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        color: white;
        text-align: center;
        background: rgba(0, 0, 0, 0.9);
        transition: all linear 0.2s;
        opacity: 0.5;
        cursor: pointer;
        &:hover{
            opacity: 0.7;
        }
    }
}

/* 背景 + header标题 */
.content-box{
    background-color: #ffffff;
    .c-header{
        display: flex;
        height: 50px;
        line-height: 50px;
        color: #1c2438;
        background: #ffffff;
        box-shadow: 0px 1px 0px 0px #e9eaec;
        font-size: 16px;
        padding: 0 30px;
        >p{
            flex-grow: 1;
        }
        a{
            font-size: 14px;
            color: @color-Primary;
            &:hover{
                color: @color-Light-Primary;
            }
        }
    }
}